<template>
  <div class="Big-box">
    <Header title="动火方案"></Header>
    <van-cell-group>
      <van-field label="方案名称" value="输" readonly />
      <van-field label="文本" value="输" readonly />
      <van-field label="动火申请单位" value="输" readonly />
      <van-field label="动火作业之间" value="输" readonly />
      <van-field label="基层战场(作业区)度责人" value="输" readonly />
      <van-field label="动火作业区别" value="输" readonly />
      <van-field label="动火作业地点" value="输" readonly />
      <van-field label="动火作业单位监护人" value="输" readonly />
      <van-field label="动火作业单位负责人" value="输" readonly />
      <van-field label="动火作业内容和目的" value="输" readonly />
      <van-field
        label="动火作业部位与周围油气流程及置换隔断示意图"
        value="输"
        readonly
      />
      <van-field label="动火作业技术措施及现场施工组织" value="输" readonly />
    </van-cell-group>
    <van-collapse v-model="activeNames">
      <van-collapse-item title="查看" name="1">
        <van-steps direction="vertical" :active="2">
          <van-step>
            <h3>【城市】物流状态1</h3>
            <p>2016-07-12 12:40</p>
          </van-step>
          <van-step>
            <h3>【城市】物流状态2</h3>
            <p>2016-07-11 10:00</p>
          </van-step>
          <van-step>
            <h3>快件已发货</h3>
            <p>2016-07-10 09:30</p>
          </van-step>
        </van-steps>
      </van-collapse-item>
    </van-collapse>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeNames: [],
    };
  },
  methods: {},
};
</script>

<style lang="less" scoped>
.Big-box {
  background-color: #f3f4f8;
  .van-cell-group {
    margin: 0.1rem 0;
  }
  .van-field__label {
    width: 4em;
  }
}
</style>

